﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>HOME</title>
		<%@ include file="/share/include.jsp" %>
		<!-- <script src="js/jquery.min.js"></script> -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> 
			addEventListener("load", function() { 
				setTimeout(hideURLbar, 0); 
			}, false); 
			function hideURLbar(){ 
				window.scrollTo(0,1); 
			} 
		</script>
		<style type="text/css">
			.text-fild-register{
				width:48%;
				margin-right:4%;
				float:left;
			}
			.text-fild-register span{
				display:block;
				/* padding:0 0 0.5em 0; */
			}
			.text-fild-register input[type="text"],.text-fild-register input[type="password"],.text-fild-register input[type="email"]{
				padding:0.8em;
				width:100%;
				outline:none;
				color:#b0aaa0;
				font-family: 'Lora', serif;
				border: 1px solid #DAD8D8;
			}
			.text-fild-register:nth-child(2){
				margin:0;
			}
		</style>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<%@ include file="/control/jsp/layout/header.jsp" %>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
			<%@ include file="/control/jsp/layout/indexMenu.jsp" %>
		<!--- top-nav -->
		<!-- script-for-nav -->
		<script>
			$(document).ready(function(){
				//表单提交前 验证 表单
		        $("#updateForm").Validform({
					btnSubmit : "#btn_sub",
					tiptype : 3,
					beforeCheck:function(curform){
						 
					 },
					 beforeSubmit:function(data){
						 
					 }
				});
			});
		</script>
			
		<!-- /script-for-nav -->
		<!-- Product-Details-page -->
		<div class="details-page">
			<div class="content details-page">
				<div class="product-details">
					<div class="container">
						<div class="details-left" style="width: 100%;">
							<h3 style="color: orangered;">Sign Up</h3>
							<form id="updateForm" action="${root }/control/user/userController/userRegister.do" method="post">
								<div class="text">
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>City:</span>
										<c:if test="${not empty cityList }">
				                        	<select name="cityId" class="select" style="width:260px;height: 40px;" nullmsg="Please Choose!" dataType="*">
					                        	<option value="">Please Choose!</option>
					                        	<c:forEach items="${cityList }" var="city">
					                        		<option value="${city.cityId }">${fn:escapeXml(city.cityName)}</option>	
					                        	</c:forEach>
					                        </select>
				                        </c:if>
				                        <c:if test="${empty cityList }">
				                        	<select name="cityId" class="select" dataType="*">
					                        	<option>No city information</option>
					                        </select>
				                        </c:if>
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>Username:</span>
										<input type="text" class="text" name="userName" value="" placeholder="Your Name here" ajaxurl="${root}/supply/globalController/findCheck.do?tabName=user&msg=业主登录名&status=3&statusName=userStatus&statusRelation=2" maxlength="50" dataType="*1-50">
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>Password:</span>
										<input type="password" class="text" name="password" value="" id="password" placeholder="Your Password here" maxlength="50" dataType="*6-50">
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>Confirm Password:</span>
										<input type="password" class="text" recheck="password" name="rePassword" value="" placeholder="Repeat Password here" errormsg="The two time you enter the account password does not match!" maxlength="50" dataType="*6-50">
										<!-- onblur="if(this.value != '' && this.value != document.getElementById('password').value) this.value = ''" -->
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>QUESTION FIRST:</span>
										<select name="questionFirst" class="text" style="width:100%;height: 40px;" nullmsg="Please Choose!" dataType="*">
				                        	<option value="">Please Choose!</option>
				                        	<option value="What is your favorite color?">What is your favorite color?</option>
				                        	<option value="What is your favorite animal?">What is your favorite animal?</option>
				                        	<option value="What is your favorite food?">What is your favorite food?</option>
				                        	<option value="What is your favorite job?">What is your favorite job?</option>
				                        	<option value="What is your favorite sport?">What is your favorite sport?</option>
				                        </select>
				                        <font style="color:green;">Please select encryption problem, the problem is used to retrieve the password</font>
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>ANSWER FIRST:</span>
										<input type="text" class="text" value="" name="answerFirst" placeholder="Your Answer here" maxlength="100" dataType="*1-100">
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>QUESTION SECOND:</span>
										<select name="questionSecond" class="text" style="width:100%;height: 40px;" nullmsg="Please Choose!" dataType="*">
				                        	<option value="">Please Choose!</option>
				                        	<option value="What is your least favorite color?">What is your least favorite color?</option>
				                        	<option value="What is your least favorite animal?">What is your least favorite animal?</option>
				                        	<option value="What is your least favorite food?">What is your least favorite food?</option>
				                        	<option value="What is your least favorite job?">What is your least favorite job?</option>
				                        	<option value="What is your most don't like sports?">What is your most don't like sports?</option>
				                        </select>
				                        <font style="color:green;">Please select encryption problem, the problem is used to retrieve the password</font>
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>ANSWER SECOND:</span>
										<input type="text" class="text" value="" name="answerSecond" placeholder="Your Answer here" maxlength="100" dataType="*1-100">
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<!-- <span>密码找回邮箱:</span> -->
										<span>Email:</span>
										<input type="text" class="text" name="email" value="" placeholder="Your Email here" ajaxurl="${root}/supply/globalController/findCheckEmail.do" maxlength="100" dataType="e">
										<font style="color:green;">Email used to activate the account and retrieving password, please fill in the correct email</font>
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>Your Name:</span>
										<input type="text" class="text" value="" name="realName" placeholder="Your Name here" maxlength="50" dataType="*1-50">
									</div>
									<div class="text-fild-register" style="margin-left: 20%;height: 50px;line-height: 40px;">
										<span style="float: left;margin-right: 20px;">Gender:</span>
										<input type="radio" class="text" name="userSex" checked="checked" value="1" style="width: 20px;height: 20px;"> Male
										<input type="radio" class="text" name="userSex" value="2" style="width: 20px;height: 20px;"> Female
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>Tel:</span>
										<input type="text" class="text" name="userPhone" value="" placeholder="Your Tpl here"  maxlength="50" dataType="*1-50">
									</div>
									<div class="text-fild-register" style="margin-left: 20%;">
										<span>Address:</span>
										<input type="text" class="text" name="userAddress" value="" placeholder="Your Addrees here"  maxlength="50" dataType="*1-50">
									</div>
									<div class="clearfix"> </div>
								</div>
								<input type="submit" class="p-btn" style="margin: 10px;margin-left: 20%;" value="SIGN UP">
								<input type="button" class="p-btn" style="margin: 10px;" onClick="location.href='${root }/control/layoutController/displayUserLogin.do?${cityValue}'" value="Already registered? Sign In">
							</form>
						</div>
						<div class="clearfix"> </div>
					</div>
			    </div>
		    </div>
		</div>
		<!-- /Product-Details-page -->
		<!-- footer -->
		<%@ include file="/control/jsp/layout/footer.jsp" %>
</body>
</html>

